// keydowm event name ->window
window.addEventListener('keydown',function(event){
    // 键值
    let keyCode=event.keyCode;//按键事件的数据
    let audioEle=document.querySelector(`audio[data-key="${keyCode}"]`);
    // console.log(audioEle);
    if(!audioEle) return;
    audioEle.play();
    let keyEle=this.document.querySelector(`.key[data-key="${keyCode}"]`);
    if(!keyEle) return;
    keyEle.classList.add('playing');
    // 定时器
    // setTimeout(function(){
    //     // console.log('------');
    //     keyEle.classList.remove('playing');
    // },1000)
    // console.log(keyCode);
})
const keys=document.querySelectorAll('.key');
console.log(keys);
for(let key of keys){
    // console.log(key);
    // event 一个个加，不能给集体加
    key.addEventListener('transitionend',function(event){
        // 不同类型的事件，event对象也是不同的,
        // console.log(event,'--------');
        event.target.classList.remove('playing');
    })
}